<template>
    <div class="hot-wrap">
        <dl-item v-for="(item,ind) in hot" :key="ind"
            :url="item.cover"
            :title="item.title"
            :fiction_id="item.fiction_id"
        ></dl-item>
    </div>
</template>
<script>
 import dlItem from '../components/dlItem'
export default {
    data(){
        return {
            hot:[]
        }
    },
    created(){
        this.$http.get('/api/hot').then(res => {
            if(res.data.code === 1){
                this.hot = res.data.data;
            }
        })
    },
    components:{
        dlItem
    }
}
</script>
<style lang="scss">
    .hot-wrap{
        width:100%;
        display: flex;
        flex-wrap: wrap;
    }
</style>

